<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>收款账户编辑</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/dl_shopmsg.css" />
    <style>
        #textarea {
            display: block;
            margin: 0 auto;
            overflow: hidden;
            font-size: 0.75rem;
            height: 4rem;
            line-height: 1.2rem;
            padding: 5px 10px;
            border:solid 0.5px #eee;
            border-radius: 8px;
        }
        .van-uploader__upload{
            width: 20px;
            height: 20px;
        }
        .van-uploader__upload{
            width: 100px;
            height: 20px;
            align-items: inherit;
        }
        .van-uploader__wrapper{
            display: flex;
            flex-wrap: nowrap;
        }
        .van-uploader__upload:active{
            width: 100px;
            height: 20px;
            align-items: inherit;
        }
        .van-uploader__upload-icon{
            display: inline;

        }
        .van-uploader__preview-image{
            width: 100px;
            height: 20px;
        }
        .van-uploader__file{
            width: 150px;
            height: 20px;
            line-height: 20px;
            display: inline-block;
            text-align: left;
            background-color: #fff;
        }
        .van-uploader__file-name{
            width: 90%;
            font-size: 14px;
            margin-top: 0px;
            margin-left: 2px;
            text-align: left;
        }
        .van-uploader__preview .van-uploader__file-icon{
            position: unset;
            height: 20px;
            line-height: 20px;
            color: #222;
            
            float: left;
        }
        .van-uploader__preview-delete .dcwj_left i{
            position: absolute;
        }
        /* .dcwj_left i{
            position: absolute;
        } */
        .van-icon{
            
        }
    </style>
</head>

<body>
    <!-- v-cloak -->
    <div id="app" v-cloak>
        <div class="timerdec mt0 mb10 pl25 redcolor" style="position: fixed; top:0px">收款账户为重要参数，请谨慎编辑</div>
        <!-- 商家基础信息 -->
        <div class="order_detail mt40">
            <div class="productlist_title" v-on:click="do_openshopedit()">
                基本信息
            </div>
            <div class="dcwj_con2">
                <div class="dcwj_list">
                    <div class="fmly_lft color9 fl">商户号</div>
                    <div class="dcwj_left fr">
                        <input type="text" placeholder="请输入商户号" v-model='form.AccountNumber'>
                    </div>
                </div>
                <div class="dcwj_list">
                    <div class="fmly_lft color9 fl">证书Key</div>
                    <div class="dcwj_left fr">
                        <input type="text" placeholder="请输入证书Key" v-model='form.Key' >
                    </div>
                </div>
                <div class="dcwj_list">
                    <div class="fmly_lft color9 fl">商户号证书</div>
                    <div class="dcwj_left fr" v-on:click="handleFile()">
                        <!-- <van-uploader :after-read="afterRead" :before-read="beforeread" v-model='fileList' result-type='file' accept=".txt,image/*">
                            <i style="font-size: 1rem;" class="icon iconfont icon-gengduo"></i>
                        </van-uploader> -->
                        <input  accept=".txt,image/*" v-model="form.CredentialName" readonly unselectable="on" style="width:85%;">
                        <i style="font-size: 0.8rem;" class="icon iconfont icon-gengduo"></i>
                    </div>
                </div>
                <div v-on:click="open_flie()">预览文件</div>
            </div>
        </div>
        <div class="pagebtn">
            <div class="buttom longwidth" v-on:click="do_saveshopkey()">保存</div>
        </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-actionsheet.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript " src="js/shopkey_edit.js"></script>



</html>
